<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body{
			font-size: 150px;
			color:#c36;
			text-align: center;
			width: 1580px;
			height: 700px;
			line-height: 800px;
			border: 10px solid #ccc;
			background-color: 
		}
	</style>
</head>
<body>
	<span id="hours"></span>:
	<span id="minutes"></span>:
	<span id="seconds"></span>
	<script>
		function mytime(){
			var h = document.getElementById("hours")
			var m = document.getElementById("minutes")
			var s = document.getElementById("seconds")
			var dateNow =new Date;
			var hour=dateNow.getHours()
			var minute=dateNow.getMinutes();
			var second=dateNow.getSeconds();

			h.innerText=hour;
			m.innerText=minute;
			s.innerText=second;
		}
		mytime()

		setInterval( mytime,1000)
	</script>
</body>
</html>